<template>
	<view class="box" :style="'height: ' + windowHeight + 'px;width:' + windowWidth+'px'">
		<cover-image @click="pre" src="http://oss.91xiaokong.com/fireControl/zhixuce/10.jpg" mode=""></cover-image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				windowHeight: '',
				windowWidth: ''
			};
		},
		onLoad() {
			this.getSystemInfo();
		},
		methods: {
			pre() {
				uni.previewImage({
					urls: ['http://oss.91xiaokong.com/fireControl/zhixuce/10.jpg']
				});
			},
			getSystemInfo() {
				let that = this;
				uni.getSystemInfo({
					success: function(e) {
						console.log(e);
						that.windowHeight = e.windowHeight;
						that.windowWidth = e.windowWidth;
					}
				});
			}
		}
	};
</script>

<style>
	.box {}

	page {
		height: 100%;
		width: 100%;
	}
</style>
